<!--
	作者：lk
	时间：2017-04-07
-->
<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>搜索结果</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/searchResult.css"/>
		
		<script type="text/javascript" src="js/angular.min.js" ></script>
		<script type="text/javascript" src="js/jquery-2.1.1.min.js" ></script>
		<script type="text/javascript" src="js/global.js" ></script>
		<script type="text/javascript" src="js/searchResult.js" ></script>
	</head>
	<body>
		<header>
			<span class="return"><a href="javascript:void(0)" onclick="javascript :history.go(-1)"><img src="image/返回.png"></a></span>
			<span class="search_content"><input type="text" id="search_input" placeholder="输入搜索的内容"/></span>
			<span class="search_btn"><button id="toSearch"><img src="image/商城.png"/></button></span>
		</header>
		<section ng-app="myApp" ng-controller="myCtrl" ng-click="document()" ng-cloak>
			<div class="client_selection">
				<ul class="selection_tittle">
					<li ng-click="seclect($event)">{{ arr1.ranking }}<img src="image/矢量智能对象.png"/></li>
					<li ng-click="seclect($event)">{{ arr1.area }}<img src="image/矢量智能对象.png"/></li>
					<li ng-click="seclect($event)">{{ arr1.price }}<img src="image/矢量智能对象.png"/></li>
				</ul>
				<div class="seclection_content">
					<!---排序--->
					<ul class="ranking" ng-if="ranking" ng-click="cancelBubble($event)">
						<li class="ranking_checked" ng-click="rankingTitle($event)">综合排序</li>
						<li ng-click="rankingTitle($event)">人气排序</li>
						<li ng-click="rankingTitle($event)">价格最低</li>
						<li ng-click="rankingTitle($event)">价格最高</li>
					</ul>
					<!---地区--->
					<ul class="area" ng-if="area" ng-click="cancelBubble($event)">
						<li class="area_checked" ng-click="areaTitle($event)">不限</li>
						<li ng-repeat=" k in city" ng-click="areaTitle($event)" cityCode = "{{k.regionCode}}">{{ k.regionName }}</li>
					</ul>
					<!---价格--->
					<ul class="price" ng-if="price" ng-click="cancelBubble($event)">
						<!--<li ng-click="priceTitle($event)">最低价格</li>-->
						<input type="text" id="minPrice" placeholder="最低价格(100)" ng-model="arr2.minPrice"/>
						<input type="text" id="maxPrice" placeholder="最高价格(200)" ng-model="arr2.maxPrice"/>
						<!--<li ng-click="priceTitle($event)">最高价格</li>-->
						<li ng-click="sure($event)">确定</li>
					</ul>
				</div>
				<!----搜索内容为空显示的内容---->
				<div class="products_empty" ng-if="show">
					<div class="empty_logo"><img src="image/无商品.png"/></div>
					<p>哎呀呀 ！</p>
					<p>没有您要的&nbsp;&nbsp;换个试试吧</p>
				</div>
				<!---搜索出来的商品--->
				<div class="products_content">
					<ul>
						<li ng-repeat=" k in arr" on-finish-render>
							<dl>
								<dt><img ng-src="{{ k.defaultImage }}"></dt>
								<dd>
									<p><a ng-href="shoppingDatail.html?id={{ k.code }}">{{ k.title }}</a></p>
									<div>
										<span class="newPrice">¥{{ k.price | getPrice }}</span>
										<span class="originalPrice">{{ k.promotion }}</span>
									</div>
								</dd>
							</dl>
						</li>
					</ul>
					<p id="noMore" ng-show="hide">没有更多了...</p>
				</div>
			</div>
		</section>
	</body>
</html>